<template>
  <div class="password">
    <top-item :title="title" />
    <password-item />
    <advantage-item />
    <guide-item />
    <friendly-link />
    <footer-item />
  </div>
</template>
<script>
import TopItem from '../login/component/Top'
import PasswordItem from './component/Password'
import AdvantageItem from '../../layout/Advantage'
import GuideItem from '../../layout/Guide'
import FriendlyLink from '../../layout/FriendlyLink'
import FooterItem from '../../layout/Footer'
export default {
  name: 'PasswordPage',
  components: {
    PasswordItem,
    TopItem,
    GuideItem,
    FriendlyLink,
    FooterItem,
    AdvantageItem
  },
  data() {
    return {
      title: '找回密码'
    }
  }
}
</script>
<style scoped lang="scss">
  .password{
    .password-content{
      display: flex;
      align-items: center;
      margin-top: 53px;
      padding-bottom: 24px;
      .image{
        .number-img{
          width: 151px;
        }
      }
      .line{
        width:0;
        height:40px;
        border:1px solid #E5E5E5;
        margin: 0 19px 0 33px;
      }
      .title{
        width:96px;
        height:31px;
        font-size:24px;
        font-weight:400;
        line-height:31px;
        color:#3D3D3D;
      }
    }
  }
</style>
